<template>
    <div class="header_nav">
        <img class="return" @click="back" src="../assets/images/return.png" alt="">
        <p class="taskName">{{taskName}}</p>
    </div>
</template>

<script>

export default {
    name:'HeaderNav',
    data(){
        return{
           taskName:"",
        }
    },
    methods: {
        back(){
            this.$router.go(-1);
        }
    },
    created(){
        this.taskName = this.$route.query.taskName||"任务名";
    },

}
</script>
<style lang="less" scoped>
.header_nav{
    width: 100%;
    height: .58rem;
    background: #F9F9F9;
    box-shadow: 0px 3px 8px 0px rgba(122, 128, 159, 0.1);
    display: flex;
    align-items: center;
    .return{
        cursor: pointer;
        width: .3rem;
        height: .2rem;
        margin-left: .5rem;
        margin-right: .5rem;
        margin-top: .2rem;
        margin-bottom: .18rem;
    }
    .taskName{
        font-size: .26rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #111434;
    }
}
</style>